
<!-- 主页面 -->
<div id="tab-home">
    <header id="tab-home-header" class="bui-bar">
        <div class="bui-bar-left">
            <div class="bui-btn sidemenu">
                <img class="ring userface" src="/images/face.png" alt="">
            </div>
        </div>
        <div class="bui-bar-main">
            <ul id="tabMessageNav" class="bui-nav">
                <li class="bui-btn active">消息</li>
                <li class="bui-btn">电话</li>
            </ul>
        </div>
        <!-- 有下拉菜单时,需要修改bui-bar-right的overflow属性为可视 -->
        <div class="bui-bar-right" style="overflow:visible;">
            <!-- 不修改文本值 -->
            <div id="more" class="bui-dropdown" change="false">
                <div class="bui-btn bui-box-center">
                    <i class="icon-plus"></i>
                </div>
                <ul class="bui-list round">
                    <li class="bui-btn bui-box">
                        <i class="icon-jiahao">&#xe61d;</i>
                        <div class="span1">创建群聊</div>
                    </li>
                    <li class="bui-btn bui-box">
                        <i class="icon-jiahao">&#xe660;</i>
                        <div class="span1">加好友/群</div>
                    </li>
                    <li class="bui-btn bui-box">
                        <i class="icon-jiahao">&#xe611;</i>
                        <div class="span1">扫一扫</div>
                    </li>
                    <li class="bui-btn bui-box">
                        <i class="icon-jiahao">&#xe689;</i>
                        <div class="span1">面对面快传</div>
                    </li>
                    <li class="bui-btn bui-box">
                        <i class="icon-jiahao">&#xe657;</i>
                        <div class="span1">付款</div>
                    </li>
                    <li class="bui-btn bui-box">
                        <i class="icon-jiahao">&#xe60e;</i>
                        <div class="span1">拍摄</div>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <main id="main">
        <div id="messageScroll" class="bui-scroll">
            <div class="bui-scroll-head"></div>
            <div class="bui-scroll-main">
                <div class="bui-searchbar">
                    <div class="search"><i class="icon-search"></i>搜索</div>
                </div>
                <div id="tabMessage" class="bui-tab">
                    <div class="bui-tab-main">
                        <ul>
                            <li>
                                <!-- 消息 -->
                                <ul id="listview" class="bui-listview message-list">
                                    <!--<li class="list-item">
                                        <div class="bui-btn bui-box" href="pages/chat/chat.html">
                                            <div class="ring ring-group">
                                                <i class="icon">&#xe675;</i>
                                            </div>
                                            <div class="span1">
                                                <h3 class="item-title">
                                                    体验创新部<span class="item-time bui-right">昨天</span>
                                                </h3>
                                                <p class="item-text">Mr.杨: 知乎网的分享</p>
                                            </div>
                                        </div>
                                    </li>-->
                                    <!--<li class="list-item">
                                        <div class="bui-btn bui-box" href="pages/chat/chat.html">
                                            <div class="ring ring-pc">
                                                <i class="icon">&#xe676;</i>
                                            </div>
                                            <div class="span1">
                                                <h3 class="item-title">
                                                    我的电脑<span class="item-time bui-right">7:22</span>
                                                </h3>
                                                <p class="item-text">
                                                    您已在电脑登录,可传文件到电脑
                                                    <span class="bui-badges bui-right">1</span>
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="list-item">
                                        <div class="bui-btn bui-box" href="pages/chat/chat.html">
                                            <div class="ring ring-pc">
                                                <i class="icon">&#xe676;</i>
                                            </div>
                                            <div class="span1">
                                                <h3 class="item-title">
                                                    全员交流<span class="item-time bui-right">最近</span>
                                                </h3>
                                                <p class="item-text">
                                                    ...
                                                    <span class="bui-badges bui-right">...</span>
                                                </p>
                                            </div>
                                        </div>
                                    </li>-->
                                </ul>
                            </li>
                            <li style="display:none;">
                                <!-- 电话 -->
                                <ul class="bui-list friend-list">
                                    <li class="bui-btn bui-box">
                                        <div class="ring warning">
                                            <i class="icon">&#xe603;</i>
                                        </div>
                                        <div class="span1">
                                            电话黄页
                                        </div>
                                        <i class="icon-listright"></i>
                                    </li>
                                    <li class="bui-btn bui-box">
                                        <div class="ring primary">
                                            <i class="icon">&#xe65b;</i>
                                        </div>
                                        <div class="span1">
                                            通讯录
                                        </div>
                                        <i class="icon-listright"></i>
                                    </li>
                                </ul>
                                <div class="section-title">通话记录</div>
                                <ul id="phonehistory" class="bui-listview message-list">
                                    <li class="list-item">
                                        <div class="bui-btn bui-box">
                                            <div class="ring ring-group">
                                                <i class="icon">&#xe675;</i>
                                            </div>
                                            <div class="span1">
                                                <h3 class="item-title">
                                                    体验创新部
                                                </h3>
                                                <p class="item-text">2016-5-3</p>
                                            </div>
                                            <i class="icon- primary">&#xe603;</i>
                                        </div>
                                    </li>
                                    <li class="list-item">
                                        <div class="bui-btn bui-box">
                                            <div class="ring ring-group">
                                                <i class="icon">&#xe60f;</i>
                                            </div>
                                            <div class="span1">
                                                <h3 class="item-title">
                                                    区柏荣
                                                </h3>
                                                <p class="item-text">2016-5-3</p>
                                            </div>
                                            <i class="icon- primary">&#xe603;</i>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </main>
</div>
